<template>
  <div class="source-cold-brands">
    <div class="trapezoidal-panel trapezoidal-panel--2">
      <div class="trapezoidal-panel__row">
        <div class="trapezoidal-panel__col">
          <div class="trapezoidal-panel__item">
            <div class="trapezoidal-panel__item--top">
              <div class="trapezoidal-panel__item__value">{{ value1 }}</div>
              <div class="trapezoidal-panel__item__unit">deg C</div>
            </div>
            <div class="trapezoidal-panel__item--bottom">冷却水总管供水温度</div>
          </div>
        </div>
        <div class="trapezoidal-panel__col">
          <div class="trapezoidal-panel__item">
            <div class="trapezoidal-panel__item--top">
              <div class="trapezoidal-panel__item__value">{{ value2 }}</div>
              <div class="trapezoidal-panel__item__unit">deg C</div>
            </div>
            <div class="trapezoidal-panel__item--bottom">冷却水总管回水温度</div>
          </div>
        </div>
        <div class="trapezoidal-panel__col">
          <div class="trapezoidal-panel__item">
            <div class="trapezoidal-panel__item--top">
              <div class="trapezoidal-panel__item__value">{{ value3 }}</div>
              <div class="trapezoidal-panel__item__unit">T / h</div>
            </div>
            <div class="trapezoidal-panel__item--bottom">冷水水回水总管流量</div>
          </div>
        </div>
      </div>
      <div class="trapezoidal-panel__row">
        <div class="trapezoidal-panel__col">
          <div class="trapezoidal-panel__item">
            <div class="trapezoidal-panel__item--top">
              <div class="trapezoidal-panel__item__value">{{ value4 }}</div>
              <div class="trapezoidal-panel__item__unit">kPa</div>
            </div>
            <div class="trapezoidal-panel__item--bottom">冷却水总管供水压力</div>
          </div>
        </div>
        <div class="trapezoidal-panel__col">
          <div class="trapezoidal-panel__item">
            <div class="trapezoidal-panel__item--top">
              <div class="trapezoidal-panel__item__value">{{ value5 }}</div>
              <div class="trapezoidal-panel__item__unit">kPa</div>
            </div>
            <div class="trapezoidal-panel__item--bottom">冷却水总管回水压力</div>
          </div>
        </div>
      </div>
    </div>
    <div class="trapezoidal-panel trapezoidal-panel--1">
      <div class="trapezoidal-panel__row">
        <div class="trapezoidal-panel__col">
          <div class="trapezoidal-panel__item">
            <div class="trapezoidal-panel__item--top">
              <div class="trapezoidal-panel__item__value">{{ value6 }}</div>
              <div class="trapezoidal-panel__item__unit">deg C</div>
            </div>
            <div class="trapezoidal-panel__item--bottom">冷冻水总管供水温度</div>
          </div>
        </div>
        <div class="trapezoidal-panel__col">
          <div class="trapezoidal-panel__item">
            <div class="trapezoidal-panel__item--top">
              <div class="trapezoidal-panel__item__value">{{ value7 }}</div>
              <div class="trapezoidal-panel__item__unit">deg C</div>
            </div>
            <div class="trapezoidal-panel__item--bottom">冷冻水总管回水温度</div>
          </div>
        </div>
      </div>
      <div class="trapezoidal-panel__row">
        <div class="trapezoidal-panel__col">
          <div class="trapezoidal-panel__item">
            <div class="trapezoidal-panel__item--top">
              <div class="trapezoidal-panel__item__value">{{ value8 }}</div>
              <div class="trapezoidal-panel__item__unit">kPa</div>
            </div>
            <div class="trapezoidal-panel__item--bottom">冷冻水总管供水压力</div>
          </div>
        </div>
        <div class="trapezoidal-panel__col">
          <div class="trapezoidal-panel__item">
            <div class="trapezoidal-panel__item--top">
              <div class="trapezoidal-panel__item__value">{{ value9 }}</div>
              <div class="trapezoidal-panel__item__unit">kPa</div>
            </div>
            <div class="trapezoidal-panel__item--bottom">冷凝水总管回水压力</div>
          </div>
        </div>
      </div>
    </div>
    <div class="trapezoidal-panel trapezoidal-panel--1">
      <div class="trapezoidal-panel__row">
        <div class="trapezoidal-panel__col">
          <div class="trapezoidal-panel__item">
            <div class="trapezoidal-panel__item--top">
              <div class="trapezoidal-panel__item__value">{{ value10 }}</div>
              <div class="trapezoidal-panel__item__unit">T/h</div>
            </div>
            <div class="trapezoidal-panel__item--bottom">瞬时流量</div>
          </div>
        </div>
        <div class="trapezoidal-panel__col">
          <div class="trapezoidal-panel__item">
            <div class="trapezoidal-panel__item--top">
              <div class="trapezoidal-panel__item__value">{{ value11 }}</div>
              <div class="trapezoidal-panel__item__unit">T</div>
            </div>
            <div class="trapezoidal-panel__item--bottom">累积流量</div>
          </div>
        </div>
      </div>
      <div class="trapezoidal-panel__row">
        <div class="trapezoidal-panel__col">
          <div class="trapezoidal-panel__item">
            <div class="trapezoidal-panel__item--top">
              <div class="trapezoidal-panel__item__value">{{ value12 }}</div>
              <div class="trapezoidal-panel__item__unit">kPa</div>
            </div>
            <div class="trapezoidal-panel__item--bottom">瞬时能量</div>
          </div>
        </div>
        <div class="trapezoidal-panel__col">
          <div class="trapezoidal-panel__item">
            <div class="trapezoidal-panel__item--top">
              <div class="trapezoidal-panel__item__value">{{ value13 }}</div>
            </div>
            <div class="trapezoidal-panel__item--bottom">累积能量</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import deviceHospitalApi from '@admin/views/Monitor/Source/api/hospital/api.js'

export default {
  name: 'SourceColdBrands',
  data() {
    return {
      value1: 0,
      value2: 0,
      value3: 0,
      value4: 0,
      value5: 0,
      value6: 0,
      value7: 0,
      value8: 0,
      value9: 0,
      value10: 0,
      value11: 0,
      value12: 0,
      value13: 0,
    }
  },
  mounted() {
    deviceHospitalApi.getSummary({ systemTag: 2 }).then((res) => {
      this.value1 = res.value1
      this.value2 = res.value2
      this.value3 = res.value3
      this.value4 = res.value4
      this.value5 = res.value5
      this.value6 = res.value6
      this.value7 = res.value7
      this.value8 = res.value8
      this.value9 = res.value9
      this.value10 = res.value10
      this.value11 = res.value11
      this.value12 = res.value12
      this.value13 = res.value13
    })
  },
}
</script>

<style lang="scss">
@import '@admin/views/Monitor/Source/trapezoidal-panel.scss';
</style>

<style lang="scss" scoped>
@import './index.scss';
</style>
